$(function(){
    let layer=layui.layer
    let form=layui.form
    initArtCateList()
    function initArtCateList(){
        axios({
            url:'/my/article/cates',
            method:'get',
        }).then(res=>{
           if (res.data.status!=0) {
               return layer.msg(res.data.message)
           }
           let arr=['<option value="">请选择文章类别</option>']
           res.data.data.forEach(ele=>{
               arr.push(`
                 <option value="${ele.Id}">${ele.name}</option>
               `)
           })
           let str=arr.join('')
           $("[name=cate_id]").empty().html(str)
           form.render()
        });
    }
    // 初始化富文本编辑器
    initEditor()

    // 1. 初始化图片裁剪器
    var $image = $('#image')
  
  // 2. 裁剪选项
    var options = {
        aspectRatio: 400 / 280,
        preview: '.img-preview'
    }
  
  // 3. 初始化裁剪区域
    $image.cropper(options)

    // 定义状态
    let state='';
    $("#btn1").on('click',function(){
        state='已发布'
    })
    $("#btn2").on('click',function(){
        state='草稿'
    })
     // 选择图片渲染图片
    $("#chooseImageBtn").on('click',function(){
        $("#chooseImageInp").click()
    })
    $("#chooseImageInp").on('change',function(e){
        let file=e.target.files[0]
        if (file===undefined) {
            return layer.msg("文章上传不能为空")
        }
        let newImgURL=URL.createObjectURL(file)
        $image
        .cropper("destroy")
        .attr('src',newImgURL)
        .cropper(options)
    })
    //文章发布
    $("#formPud").on('submit',function(e){
        e.preventDefault()
        let fd=new FormData(this)
        fd.append('state',state)
        $image
        .cropper('getCroppedCanvas',{
            width:400,
            height:200
        })
        .toBlob(function(blob){
            fd.append("cover_img",blob)
            console.log(...fd);
            axios({
                url:'/my/article/add',
                method:'post',
                data:fd,
            }).then(res=>{
              if (res.data.status!=0) {
                  return layer.msg(res.data.message)
              }
              layer.msg('恭喜你发布成功')
              setTimeout(function(){
                  window.parent.document.querySelector('#art_list').click()
              }, 1000);
            });
        })
    })
   
})